<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <title>20211110仿映纷网页</title>
 <style>
   .box{
    border: 1px;
    height: 100px;
     margin: 0 auto;
     background-color:black;
     text-align:center
   }
    
   .box1{padding:0.5cm 1cm;
    text-align:center;}

   .box2{padding:0.5cm 1cm;
    text-align:center;}

   p{
         width: 80%;
         margin: 0 auto;
         overflow: hidden;
         }
      span{
           float:left;
           width:32%;
           margin-right:0.5%;
           margin-top:0.5%;
       }
       img{width: 100%;}

      @media screen and (max-width:600px){
       span{
        width: 49%;
         margin-top:10px;
         }
   
 </style>


</head>
<body>
 <div class="box">
   <img src="logo.png" style="width: 180px;height: 40px;">
   <p>这是一个空行
</p>
<div class="bar">
              <a href="#home">HOME</a>
          <a href="#work">WORK</a>
          <a href="#contact">CONTACT</a>
          <a href="#joinus">JOIN US</a>
        </div>
 </div>
 <div class="box1">
  <img src="5b235be62c53b.jpg" alt="图片">
 </div>
 <div class="box2">
  <img src="映纷.png" alt="图片"> 

 </div>
 <p>
  <span><img src="5df66233b4262.jpg" alt="图片"></span>
  <span><img src="5dc054a6f16f2.jpg" alt="图片"></span>
  <span><img src="5dc04e0dd731a.jpg" alt="图片"></span>
  <span><img src="5d54099602275.jpg" alt="图片"></span>
  <span><img src="5d5408e4c8849.jpg" alt="图片"></span>
  <span><img src="5d54075c153a2.jpg" alt="图片"></span>
 </p >

</body>
</html>